<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>test</title>
  <style>
    #example1{
      width: 100px;
      white-space: nowrap;
    }

  </style>
</head>
<body>

<h2>
  默认中文是会自动折行的, 除非你设置了white-space: nowrap;
  此时文本宽度就可以超过父容器宽度了
  就和连续的英文字符的默认表现行为一样了,但不是完全一样,这种情况下的中文字符即使有空格也不会换行(而一长串的英文字符有空格的话会换行
</h2>
<div id="example1">庭院深深，不知有多深？杨柳依依，飞扬起片片烟雾，一重重帘幕不知有多少层。豪华的车马停在贵族公子寻欢作乐的地方，她登楼向远处望去，却看不见那通向章台的大路。春已至暮，三月的雨伴随着狂风大作，再是重门将黄昏景色掩闭，也无法留住春意。泪眼汪汪问落花可知道我的心意，落花默默不语，纷乱的，零零落落一点一点飞到秋千外。</div>


</body>
</html>
